<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>商品详细</title>
    <link rel="stylesheet" href="../CSS/common.css">
    <link rel="stylesheet" href="../CSS/top.css">
    <link rel="stylesheet" href="../CSS/swiper-bundle.css">
    <link rel="stylesheet" href="../CSS/botton.css">
    <link rel="stylesheet" href="../CSS/XiangXi.css">
</head>

<body>
    <!-- 头部/2 -->
    <header>
        <a href="./FenLei.html">
            <img src="../img//fh.png" alt="">
        </a>
        <span>商品搜索</span>
    </header>
    <!-- 介绍 -->
    <section class="warp">
        <div >
            <img src="../img/6.jpg" alt="" class="img-x">
            <p style="font-size: 1rem;margin: 0.5rem 0  0 0.5rem;">新西兰奇异果2个</p>
            <img src="../img/hyze.png" alt="" class="img-h">
            <p class="xh-p"> 会员8.5折</p>
            <del class="xh-pp">￥12.90</del>
            <p class="xh-pp" style="color: rgb(228, 154, 195);">￥9.90</p>
            <p class="xh-ppp">已售 <span>98</span> 单</p>
        </div>
    </section>
    <section class="warp-1">
        <div>
            <img src="../img/SMRZ.png" alt="">
            <p>开通优享会员，立减 <span>3</span> 元，多买多省~<samp>去开通></samp></p>
        </div>
    </section>
    <section class="warp-2">
        <p>重量：<span>2</span>个   <span>320</span>g</p>
        <p>包装：盒装</p>
        <p>保质期：到货后即可食用</p>
        <p>储存方法：冷藏</p>
    </section>
    <section class="warp-3">
        <h5>顾客需知</h5>
        <p>售后服务：<span>时间比较方便时</span></p>
        <p>配送服务：<span>几行车我和局而非</span></p>
        <p>价格提示：<span>职场上确实存在「越跳越高」的现象，内部调薪永远都赶不上外部加薪来的快。那么，这种现象是真实的吗？从人力资源管理和经济学的角度来看，为什么会出现这样的现象呢？</span></p>
    </section>
    <footer>
             <a href="./home.html"><div class="div-1"><img src="../img/sy1.png" alt=""></div></a>
             <a href=""> <img src="../img/gw-1.png" alt="" class="img-1"></a>
             <button><a href="./GouWu.html">加入购物车</a></button>
    </footer>
    <script src="../jS/flexible.js"></script>
</body>

</html>